/**
 * 配置 antd 运行环境
 *
 * EmotionCacheProvider 的作用：
 * 使得可以通过 useEmotionClassName() 取得 className，不需要再通过 <ClassName>
 */
import { Global as GlobalStyle } from '@emotion/react'
import { ConfigProvider } from 'antd-mobile'
import zhCN from 'antd-mobile/es/locales/zh-CN'
import { EmotionCacheProvider } from '@/lib/emotion'
import { global as globalStyles } from '@/mobile/styles'

export function AntdWrapper({ children }: { children: React.ReactNode }) {
  return <EmotionCacheProvider>
    <ConfigProvider locale={zhCN}>
      <GlobalStyle styles={globalStyles} />
      {children}
    </ConfigProvider>
  </EmotionCacheProvider>
}
